/**
 * @file _axiom-link.scss
 * @description AxiomLink 组件样式
 */

// AxiomLink 组件的全局样式
.axiom-link {
  color: var(--text-color);
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--axiom-link-gap, 4px);
  
  &:hover {
    text-decoration: underline;
  }
  
  &__external-icon {
    font-size: var(--axiom-link-external-icon-font-size, 0.8em);
    opacity: var(--axiom-link-external-icon-opacity, 0.7);
  }
  
  // 类型样式
  &--default {
    color: var(--text-color);
    
    &:hover {
      color: var(--axiom-link-default-hover-color, var(--primary-color));
    }
  }
  
  &--primary {
    color: var(--primary-color);
    
    &:hover {
      color: var(--primary-color-hover, var(--primary-color));
    }
  }
  
  &--secondary {
    color: var(--text-color-secondary);
    
    &:hover {
      color: var(--axiom-link-secondary-hover-color, var(--text-color));
    }
  }
  
  &--danger {
    color: var(--danger-color);
    
    &:hover {
      color: var(--danger-color-hover, var(--danger-color));
    }
  }
  
  &--success {
    color: var(--success-color);
    
    &:hover {
      color: var(--success-color-hover, var(--success-color));
    }
  }
  
  // 大小样式
  &--small {
    font-size: var(--axiom-link-sm-font-size, 0.875rem);
  }
  
  &--medium {
    font-size: var(--axiom-link-md-font-size, 1rem);
  }
  
  &--large {
    font-size: var(--axiom-link-lg-font-size, 1.125rem);
  }
  
  // 按钮样式
  &--button {
    padding: var(--axiom-link-button-padding, 8px 16px);
    border-radius: var(--border-radius-base);
    background-color: transparent;
    border: 1px solid currentColor;
    text-decoration: none !important;
    
    &:hover {
      background-color: currentColor;
      color: var(--axiom-link-button-hover-color, var(--bg-color)) !important;
    }
  }
  
  // 禁用状态
  &--disabled {
    opacity: var(--axiom-link-disabled-opacity, 0.5);
    cursor: not-allowed;
    
    &:hover {
      text-decoration: none;
      color: currentColor;
    }
  }
} 